$(document).ready(function(){

	fiche_id = $(".fiche").attr("id").substring(6,$(".fiche").attr("id").length);

	// AJAX
	$.ajaxSetup( {
	   url: "ajax.php",
	   global: false,
	   type: "POST"
	 } );


	$(".fiche h2").click
	(
		function()
		{
			editionTexte($(this),"fonction=modifierFiche&fiche="+fiche_id+"&titre=");
		}
	);

	// Supprimer une grille
	$(".deleteGrille").click
	(
		function()
		{
			var grilleId = $(this).parents("table").attr("id").substring(7,$(this).parents("table").attr("id").length);

			if (confirm('Etes-vous sur de vouloir supprimer cette grille ?'))
			{
				$.ajax({
				   data: "fonction=supprimerGrille&grille="+grilleId,
				   success: function(msg){
				     if (msg)
				     {
					$("#grille_"+grilleId).remove();
				     }
				     else
				     gestionFeedbackSaisie(false);
				   },
				   error: function(){
				     gestionFeedbackSaisie(false);
				   }
				 });
			}
		}
	)

	// Déplacer une grille
	$(".monterGrille,.baisserGrille").click
	(
		function()
		{
			var grilleId = $(this).parents("table").attr("id").substring(7,$(this).parents("table").attr("id").length);

			if ($(this).attr('class') == 'monterGrille' && $("#grille_"+grilleId).prev("table").length)
			var movement = "-1";
			if ($(this).attr('class') == 'baisserGrille' && $("#grille_"+grilleId).next("table").length)
			var movement = "1";

			if (movement)
			{
				$.ajax({
				   data: "fonction=deplacerGrille&grille="+grilleId+"&nouvelle_position="+movement,
				   success: function(msg){
				     if (msg)
				     {
					window.location.reload();

					var cloned = $("#grille_"+grilleId).clone();
					cloned.attr("id",cloned.attr("id")+"temp");

					if (movement == 1)
					$("#grille_"+grilleId).next().after(cloned);
					else
					$("#grille_"+grilleId).prev().before(cloned);

					$("#grille_"+grilleId).remove();
					$("#grille_"+grilleId+"temp").attr("id","#grille_"+grilleId);
				     }
				     else
				     gestionFeedbackSaisie(false);
				   },
				   error: function(){
				     gestionFeedbackSaisie(false);
				   }
				 });
			}
		}
	)

	// Ajouter une ligne
	$(".newRow").click
	(
		function()
		{
			var grilleId = $(this).parents("table").attr("id").substring(7,$(this).parents("table").attr("id").length);

			$.ajax({
			   data: "fonction=ajouterElement&type=2&grille="+grilleId,
			   success: function(msg){
			     if (msg)
			     {
			     	var cloned = $("#grille_"+grilleId+" tbody tr:last").clone();
				cloned.attr("id","elem_"+msg);
				$("#grille_"+grilleId+" tbody").append(cloned);
			     }
			     else
			     gestionFeedbackSaisie(false);
			   },
			   error: function(){
			     gestionFeedbackSaisie(false);
			   }
			 });
		}
	);

	//Ajouter une colonne
	$(".newCol").click
	(
		function()
		{
			var grilleId = $(this).parents("table").attr("id").substring(7,$(this).parents("table").attr("id").length);

			$.ajax({
			   data: "fonction=ajouterElement&type=1&grille="+grilleId,
			   success: function(msg){
			     if (msg)
			     {
				var cloned = $("#grille_"+grilleId+" thead th:last").clone();
				cloned.attr("id","elem_"+msg);
				cloned.find("span").text("Nouvelle colonne");
				$("#grille_"+grilleId+" thead tr").append(cloned);

				$("#grille_"+grilleId+" tbody tr").each(
					function()
					{
						$(this).append('<td> --- </td>');
					}
				);
			     }
			     else
			     gestionFeedbackSaisie(false);
			   },
			   error: function(){
			     gestionFeedbackSaisie(false);
			   }
			 });
		}
	);

	// Limitation classe
	$('.limitationClasse').click(
		function()
		{
			var grille_id = $(this).parents("table").attr("id");

			afficherPrompt();
			$('#new_prompt').append("Limiter l'acc&egrave;s &agrave; cette grille aux groupes suivants :<br>");

			// Afficher les classes
			$.ajax({
			   data: "fonction=chercherClasses&grille_id="+grille_id,
			   success: function(msg){
			     if (msg)
			     {
				var output = phpArrayToJavascript(msg);

				if (output.length>0)
				{
					$('#new_prompt').append('<p id="listeClasses" style="text-align:left;padding:5px"></p><button id="valider">Valider</button> <button id="annuler">Annuler</button>');

					for (i=0;i<output[1].length;i++)
					{
						var item = String(output[1][i]).split("|");

						if (item.length == 0)
						continue;

						if (item[2])
						var selected = ' checked="checked"';
						else
						var selected = '';

						$('#listeClasses').append('<label><input type="checkbox" value="'+item[0]+'"'+selected+'> '+item[1]+'</label><br>');
					}
				}
	
				$('#annuler').click(
					function()
					{
						$("#new_prompt").remove();
						$("#full_screen").remove();
					}
				);

				$('#valider').click(
					function()
					{
						var liste_classes = new Array();

						var j=0;
						for (i=0;i<$('#listeClasses input').length;i++)
						{
							if ($('#listeClasses input:eq('+i+'):checked').length)
							{
								liste_classes[j] = $('#listeClasses input:eq('+i+')').val();
								j++;
							}	
						}

						$.ajax({
						   data: "fonction=enregistrerClasses&grille_id="+grille_id+"&listeClasses="+liste_classes,
						   success: function(msg){
						     gestionFeedbackSaisie(msg);
						     if (msg)
						     {
							gestionFeedbackSaisie(true);
						     }
						     else
						     gestionFeedbackSaisie(false);
						   },
						   error: function(){
						     gestionFeedbackSaisie(false);
						   }
						 });

						$("#new_prompt").remove();
						$("#full_screen").remove();
					}
				);
			     }
			     else
			     {
				$('#new_prompt').append('<p>Pas de classes inscrites dans ce portfolio<br><button id="annuler">Fermer</button></p>');
				$('#annuler').click(
					function()
					{
						$("#new_prompt").remove();
						$("#full_screen").remove();
					}
				);
			     }
			   },
			   error: function(){
			     gestionFeedbackSaisie(false);
			   }
			 });
		}
	);

	// Modifier titre grille
	$(".fiche h3").click
	(
		function()
		{
			var grilleId = $(this).parents("table").attr("id").substring(7,$(this).parents("table").attr("id").length);
			editionTexte($(this),"fonction=modifierTitre&grille="+grilleId+"&titre=");
		}
	);

	// Modifier description
	$(".modifierDescription").click
	(
		function()
		{
			var grilleId = $(this).parents("table").attr("id").substring(7,$(this).parents("table").attr("id").length);
			editionTexte($(this),"fonction=modifierDescription&grille="+grilleId+"&description=");
		}
	);

	// Modifier ressource
	$(".modifierRessource").click
	(
		function()
		{
			var grilleId = $(this).parents("table").attr("id");
			var url = $(this).prev().find("a").attr("href");
			var intitule = $(this).prev().find("a").text();

			afficherPrompt();

			var contenu = 'Adresse du lien : <br><input id="url" type="text" value="'+url+'"/><p>Texte du lien : <br><input id="intitule" type="text" value="'+intitule+'"/></p><p><button>Valider</button> <button>Annuler</button>';

			$("#new_prompt").append(contenu);

			$("#new_prompt button:first").click(
				function ()
				{
					$.ajax({
					   data: "fonction=modifierRessource&grille="+grilleId+"&url="+$("#url").val()+"&intitule="+$("#intitule").val(),
					   success: function(msg){
					     if (msg)
					     {
						gestionFeedbackSaisie(true);
						$("#"+grilleId+" label[@for=ressource] a").attr("href",$("#url").val());
						$("#"+grilleId+" label[@for=ressource] a").text($("#intitule").val());
						$("#new_prompt").remove();
						$("#full_screen").remove();
					     }
					     else
					     gestionFeedbackSaisie(false);
					   },
					   error: function(){
					     gestionFeedbackSaisie(false);
					   }
					 });
				}
			);

			$("#new_prompt button:last").click(
				function ()
				{
					$("#new_prompt").remove();
					$("#full_screen").remove();
				}
			);
		}
	);

	// Supprimer un élément
	$(".deleteElement").click
	(
		function()
		{
			if ($(this).parent("th").length)
			{
				// Colonne
				var elementId = $(this).parent().attr("id").substring(5,$(this).parent().attr("id").length);

				// Numero de la colonne
				for (i=0; i <= $("#elem_"+elementId).siblings().length ;i++)
				{
					if ($(this).parents("thead").find("th:eq("+i+")").attr("id") == "elem_"+elementId)
					{
						var posElem = i;
					}
				}				
			}
			else
			{
				// Ligne
				var elementId = $(this).parents("tr").attr("id").substring(5,$(this).parents("tr").attr("id").length);
			}

	

			if (confirm('Etes-vous sur de vouloir supprimer cet element ?'))
			{
				$.ajax({
				   data: "fonction=supprimerElement&element="+elementId,
				   success: function(msg){
				     if (msg)
				     {
					if ($(this).parent("td").length)
					{
						$("#elem_"+elementId).remove();
					}					
					else
					{
						// Colonne
						$("#elem_"+elementId).parents("table").find("tbody tr").find("td:eq("+posElem+")").remove();			
						$("#elem_"+elementId).remove();
					}
				     }
				     else
				     gestionFeedbackSaisie(false);
				   },
				   error: function(){
				     gestionFeedbackSaisie(false);
				   }
				 });
			}
		}
	);

	// Déplacer un élément
	$(".monterElement,.baisserElement").click
	(
		function()
		{
			if ($(this).parent("th").length)
			{
				// Colonne
				var elementId = $(this).parent().attr("id").substring(5,$(this).parent().attr("id").length);
				var nomElem = $(this).parents().attr("id");
				var type = "col";

				// Numero de la colonne
				for (i=0; i <= $("#elem_"+elementId).siblings().length ;i++)
				{
					if ($(this).parents("thead").find("th:eq("+i+")").attr("id") == "elem_"+elementId)
					{
						var posElem = i;
					}
				}		
			}
			else
			{
				// Ligne
				var elementId = $(this).parents("tr").attr("id").substring(5,$(this).parents("tr").attr("id").length);
				var nomElem = $(this).parents("tr").attr("id");
				var type = "row";
			}

			if ($(this).attr('class') == 'monterElement')
			var movement = "-1";
			if ($(this).attr('class') == 'baisserElement')
			var movement = "1";

			if (movement)
			{
				$.ajax({
				   data: "fonction=deplacerElement&elem_id="+nomElem+"&nouvelle_position="+movement,
				   success: function(msg){
				     if (msg)
				     {
					// Ligne
					if (type == "row")
					{	
						var cloned = $("#elem_"+elementId).clone(true);
						cloned.attr("id",cloned.attr("id")+"temp");

						if (movement == 1)
						$("#elem_"+elementId).next().after(cloned);
						else
						$("#elem_"+elementId).prev().before(cloned);

						$("#elem_"+elementId).remove();
						$("#elem_"+elementId+"temp").attr("id","elem_"+elementId);
					}
					else
					{
						var cloned = $("#elem_"+elementId).clone(true);
						cloned.attr("id","elem_"+elementId+"temp");

						if (movement == 1)
						{
							// header
							$("#elem_"+elementId).next().after(cloned);
						}
						else
						$("#elem_"+elementId).prev().before(cloned);

						var posElemNew = posElem+parseFloat(movement);

						// Cases
						//var cloneCase = $("#elem_"+elementId).parents("table").find("tbody tr").find("td:eq("+posElem+")").clone();

						// Pour chaque TR du TBODY
						$("#elem_"+elementId).parents("table").find("tbody tr").each(
							function()
							{
								var cloneCase = $(this).find("td:eq("+posElem+")").clone();

								if (movement == 1)
								$(this).find("td:eq("+posElemNew+")").after(cloneCase);
							
								if (movement == -1)
								$("#elem_"+elementId).parents("table").find("tbody tr").find("td:eq("+posElemNew+")").before(cloneCase);
								$(this).find("td:eq("+posElem+")").addClass("case_a_supprimer");
							}
						);

						$("#elem_"+elementId).remove();
						$(".case_a_supprimer").remove();
						$("#elem_"+elementId+"temp").attr("id","elem_"+elementId);
					}
				     }
				     else
				     gestionFeedbackSaisie(false);
				   },
				   error: function(){
				     gestionFeedbackSaisie(false);
				   }
				 });
			}
		}
	)

	// Editer un élément
	$(".editerElement").click(
		function()
		{
			elem_id = $(this).parents("tr").attr("id");
			if (!elem_id)
			elem_id = $(this).parent().attr("id");

			$.ajax({
			   data: "fonction=chercherDeterminateur&elem_id="+elem_id,
			   success: function(msg){
			     if (msg)
			     {
			     	afficherPrompt();

				$.ajax({
				   data: "fonction=infosElement&elem_id="+elem_id,
				   success: function(msg){
				     if (msg)
				     {
					var output = phpArrayToJavascript(msg);
					var valeurs = new Array();
					for (i=0;i<output[0].length;i++)
					{
						valeurs[output[0][i]] = output[1][i];
					}

					// Valeurs courantes
					var titre = valeurs['nom'];
					var type_reponse = valeurs['type_reponse'];
					var valid_auto = valeurs['valid_auto'];
					var droits_edition = valeurs['droits_edition'];

					var contenu = 'Titre : <br><input type="text" id="titre" value="'+titre+'"><p>Type de r&eacute;ponse : <p id="type" style="text-align:left"></p>';
					$('#new_prompt').append(contenu);

					var liste_options = new Array("texte","booleen","choix unique","choix multiples");

					for (i=0;i<liste_options.length;i++)
					{	
						if (type_reponse == liste_options[i])
						var selected = 'checked="checked"';
						else
						var selected = '';

						$("#type").append('<label><input type="radio" name="type" value="'+liste_options[i]+'" '+selected+'>'+liste_options[i]+'</label><br>');
					}

					// Select par défaut sur le texte
					if ($("#type input:checked").length == 0)
					{
						$("#type input:first").attr("checked","checked");	
					}

					$('#new_prompt').append('Type d\'&eacute;valuation : <p><label><input type="radio" name="typeEval" id="autoEval">Auto &eacute;valuation</label> - <label><input type="radio" name="typeEval" id="evaluation"> Evaluateur(s) :</label></p>');

					if (!droits_edition)
					{
						$("#autoEval").attr("checked","checked");
						display = "display:none";
					}
					else
					{
						$("#evaluation").attr("checked","checked");
						display = "";
					}

					$("#autoEval").click(function() {$("#listeEvaluateurs").hide();});
					$("#evaluation").click(function() {$("#listeEvaluateurs").show();});

					// Liste des évaluateurs
					$.ajax({
					   data: "fonction=chercherEvaluateurs&elem_id="+elem_id,
					   success: function(msg){
					     if (msg)
					     {
						var output = phpArrayToJavascript(msg);
						if (output.length>0)
						{
							$('#evaluation').parent().append('<p id="listeEvaluateurs" style="height:150px;width:90%;overflow:auto;text-align:left;padding:5px;border:1px solid black;margin:15px;'+display+'"></p>');
							for (i=0;i<output[1].length;i++)
							{
								var item = String(output[1][i]).split("|");
								
								if (item[3])
								var selected = 'checked="checked"';
								else
								var selected = '';

								$("#listeEvaluateurs").append('<label><input type="checkbox" value="'+item[0]+'" '+selected+'> '+item[1]+" "+item[2]+'</label><br>');
							}
						}
					     }
					     else
					     gestionFeedbackSaisie(false);
					   },
					   error: function(){
					     gestionFeedbackSaisie(false);
					   }
					 });

					// Liste des options
					$.ajax({
					   data: "fonction=chercherChoix&elem_id="+elem_id,
					   success: function(msg){
					     if (msg)
					     {
						var output = phpArrayToJavascript(msg);
						if (output.length>0)
						{
							$('#type').append('<div id="gestion_options" style="height:180px;width:90%;text-align:left;overflow:hidden;border:1px solid black;margin-left:15px;display:solid"><p id="liste_options" style="float:left;overflow:auto;height:140px;width:50%;margin-top:0px"></p><p id="optionsChoisies" style="overflow:auto;height:140px;margin-top:0px;margin:0px;"></p><p>Nouveau choix : <input type="text" id="newChoix" value=""><button>OK</button></p></div>');

							// Créer nouveau choix
							$("#newChoix").next().click(
								function(){
								if ($("#newChoix").val())
								{
									$.ajax({
									   data: "fonction=creerOption&nom="+$("#newChoix").val(),
									   success: function(msg){
									     if (msg)
									     {
										$("#liste_options").append('<span alt="'+msg+'">'+$("#newChoix").val()+'</span>');
										$("#newChoix").val("");
									     }
									     else
									     gestionFeedbackSaisie(false);
									   },
									   error: function(){
									     gestionFeedbackSaisie(false);
									   }
									 });
								}
								}
							);


							for (i=0;i<output[1].length;i++)
							{
								var item = String(output[1][i]).split("|");
								
								if (item.length == 0)
								continue;

								if (item[2])
								$("#optionsChoisies").append('<span alt="'+item[0]+'">'+item[1]+' </span>');
								else
								$("#liste_options").append('<span alt="'+item[0]+'">'+item[1]+' </span><br>');
							}
							traitementOptions();

							$("#liste_options span").click(
								function()
								{
/*
									// Une seule selection en choix unique
									if ($("#type input[@value=choix unique]:checked").length == 1 && $("#optionsChoisies span:visible").length > 0)
									return false;
*/

									if ($("#optionsChoisies span[@alt="+$(this).attr("alt")+"]").length == 1)
									{
										$("#optionsChoisies span[@alt="+$(this).attr("alt")+"]").show();
									}
									else
									{
										var copy = $(this).clone();
										$(this).hide();
										$("#optionsChoisies").append(copy);
									}

									traitementOptions();
								}
							)
						}
					     }
					     else
					     gestionFeedbackSaisie(false);
					   },
					   error: function(){
					     gestionFeedbackSaisie(false);
					   }
					 });

					$("#type input").click(function(){
						$("#gestion_options").hide();
					});

					$("#type input[@value=choix unique],#type input[@value=choix multiples]").click(function(){
						$("#gestion_options").show();
/*
						// Si on a plusieurs éléments selectionnés dans une sélection unique
						if ($("#type input[@value=choix unique]").length == 1 && $("#optionsChoisies span:visible").length > 1)
						{
							$("#optionsChoisies span:visible:gt(0) img:first").trigger("click");
						}
*/
					});

					$("#new_prompt").append('<p><button id="valider">Valider</button> <button id="annuler">Annuler</button></p>');


					$('#annuler').click(
						function()
						{
							$("#new_prompt").remove();
							$("#full_screen").remove();
						}
					);

					// Enregistrement
					$('#valider').click(
						function()
						{		
							if ($('#listeEvaluateurs:visible').length > 0)
							{
								var liste_evaluateurs = new Array();

								var j=0;
								$("#listeEvaluateurs input:checked").each(
									function()
									{
										liste_evaluateurs[j] = $(this).val();
										j++;	
									}
								);

							}

							var requete_ajax = "fonction=validerElement&elem_id="+elem_id+"&nom="+$("#titre").val()+"&type_reponse="+$("[@name=type]:checked").val()+"&valid_auto=0";
		
						if (liste_evaluateurs)
						requete_ajax += "&listeEvaluateurs="+liste_evaluateurs;

							// General
							$.ajax({
							   data: requete_ajax,
							   success: function(msg){
							     if (msg)
							     {
								// Gestion des options
								if ($('#gestion_options:visible').length > 0)
								{
									var liste_options = new Array();

									var j=0;
									$("#optionsChoisies span").each(
										function()
										{
											liste_options[j] = $(this).attr("alt");
											j++;	
										}
									);

									$.ajax({
									   data: "fonction=enregistrerOptions&elem_id="+elem_id+"&options="+liste_options,
									   success: function(msg){
									     if (msg)
									     {
									     	gestionFeedbackSaisie(true);
									     }
									     else
									     gestionFeedbackSaisie(false);
									   },
									   error: function(){
									     gestionFeedbackSaisie(false);
									   }
									 });

								}
								
								$("#new_prompt").remove();
								$("#full_screen").remove();
							     }
							     else
							     {
								$("#new_prompt").remove();
								$("#full_screen").remove();
							     	gestionFeedbackSaisie(false);
							     }
							   },
							   error: function(){
							     gestionFeedbackSaisie(false);
							   }
							 });
						}
					);
				     }
				     else
				     gestionFeedbackSaisie(false);
				   },
				   error: function(){
				     gestionFeedbackSaisie(false);
				   }
				 });
				
			     }
			     else
			     {
				editionTexte($("#"+elem_id+" span"),"fonction=validerElement&elem_id="+elem_id+"&nom=");
			     }
			   },
			   error: function(){
			     gestionFeedbackSaisie(false);
			   }
			 });
		}
	)
}
);

function editionTexte(element,ajaxReq)
{
	if (element.children("input")[0])
	return false;

	var contenuOrigine = element.text();
	element.empty();
	var champ = document.createElement('input');
	champ.setAttribute("id", "champTexte");
	element.append(champ);
	$("#champTexte").attr({name:"editionTexte",value:contenuOrigine});
	$("#champTexte").focus();

	$("#champTexte").bind("keypress", 
		function(e) 
		{
			  if (e.keyCode == 13)
			  {
			  	$.ajax({
				   data: ajaxReq+$("#champTexte").val(),
				   success: function(msg){
				     gestionFeedbackSaisie(msg);
				     if (msg)
				     afficheContenu($("#champTexte").val());
				     else
				     afficheContenu(contenuOrigine);	
				   },
				   error: function(){
				     gestionFeedbackSaisie(false);
				     afficheContenu(contenuOrigine);
				   }
				 });
			  }
		});
}

function afficheContenu(contenu)
{
     var chemin = $("h3 img").attr("src");
     $("#champTexte").after(contenu+"<img src="+chemin+">");
     $("#champTexte").remove();
}

function deleteFeedback()
{
	$("#feedback").remove();
}

function gestionFeedbackSaisie(ok,destroy)
{
	if (destroy)
	$("#feedback").remove();
	else
	{  
		if (ok)
		{
			var srcimg = 'img/valide.gif';
			var txtfeedback = 'Donn&eacute;es enregistr&eacute;es';
		}
		else
		{
			var srcimg = 'img/warning.gif';
			var txtfeedback = 'Probl&egrave;me d\'enregistrement';
		}

		$("<div id=\"feedback\"><img src=\""+srcimg+"\"><p>"+txtfeedback+"</p></div>").appendTo("body");

		setTimeout('deleteFeedback()', 1500);
	}
}

function afficherPrompt()
{

	// Cherche taille globale de la page
		if( window.innerHeight && window.scrollMaxY ) // Firefox 
		{
		pageWidth = window.innerWidth + window.scrollMaxX;
		pageHeight = window.innerHeight + window.scrollMaxY;
		}
		else if( document.body.scrollHeight > document.body.offsetHeight ) // all but Explorer Mac
		{
		pageWidth = document.body.scrollWidth;
		pageHeight = document.body.scrollHeight;
		}
		else // works in Explorer 6 Strict, Mozilla (not FF) and Safari
		{ pageWidth = document.body.offsetWidth + document.body.offsetLeft; pageHeight = document.body.offsetHeight + document.body.offsetTop; }


		// CrÃ©ation d'une div englobant toute la fenÃªtre
		var new_div = document.createElement('div');
		new_div.setAttribute("id","full_screen");
		new_div.setAttribute("style","height:"+pageHeight+"px;");
		document.getElementsByTagName('body')[0].appendChild(new_div);

		// SpÃ©cial IE
		new_div.style.height = pageHeight;

		var prompt_width = 800;
		var prompt_height = 600;


		var new_prompt = document.createElement('p');
		new_prompt.setAttribute("id","new_prompt");
		//new_prompt.setAttribute("style","width:"+iframe_width+"px;height:"+iframe_height+"px;");
		document.getElementsByTagName('body')[0].appendChild(new_prompt);


		var milieu_vert = (window.innerHeight-prompt_height)/2;
		var milieu_horiz = (window.innerWidth-prompt_width)/2;

		// SpÃ©cial IE
		if (!window.innerHeight)
		{
			var milieu_vert = (screen.height-prompt_height)/2;
			var milieu_horiz = (document.body.clientWidth-prompt_width)/2;
		}


		new_prompt.setAttribute("style","left:"+milieu_horiz+"px;top:"+milieu_vert+"px;");

		// SpÃ©cial IE
		if (!document.getElementById("new_prompt").style.top)
		{
			document.getElementById("new_prompt").style.top = milieu_vert;
			document.getElementById("new_prompt").style.left = milieu_horiz;
		}
}


function phpArrayToJavascript(php_array)
{
	var output = new Array(0,1);
	output[0] = new Array();
	output[1] = new Array();
	
	var keyz = php_array.match(/\[.+\]/g);
	var values = php_array.match(/=> .+/g);

	if (keyz.length == 0)
	return false;

	for (i=0;i<keyz.length;i++)
	{
		var key = keyz[i].substring(1,keyz[i].length-1);

		if (values[i])
		var value = values[i].substring(3,values[i].length);		
		else
		var value = '';

		output[0][i] = key;
		output[1][i] = value;
	}

	
	return eval(output);
}

function traitementOptions()
{
	$("#optionsChoisies span").each(
		function()
		{
			if ($(this).find("img").length == 0)
			{
				$(this).append($(".claroCmd:first img").clone());
				$(this).append($(".monterGrille:first").clone());
				$(this).append($(".baisserGrille:first").clone());
				$(this).append('<br>');
			}
		}
	);

	$("#optionsChoisies span").each(
		function()
		{
			$(this).find('img:first').click(
				function(){

				  if ($("#liste_options span[@alt="+$(this).parent().attr("alt")+"]").length == 1)
				  {
				    $("#liste_options span[@alt="+$(this).parent().attr("alt")+"]").show();
				    $(this).parent().hide();
				  }
				  else
				  {
				    var copy = $(this).parent().clone();
				    $(this).parent().hide();
				    copy.find("img").remove();
				    $("#liste_options").append(copy);
				  }
				}
			);

			$(this).find(".monterGrille,.baisserGrille").click(
				function(){
					if ($(this).attr('class') == 'monterGrille' && $(this).parent().prev().attr("alt"))
					var movement = "-1";
					if ($(this).attr('class') == 'baisserGrille' && $(this).parent().next().attr("alt"))
					var movement = "1";

					if (movement)
					{
					  	var cloned = $(this).parent().clone(true);

						if (movement == 1)
						$(this).parent().next().after(cloned);
						else
						$(this).parent().prev().before(cloned);

						$(this).parent().remove();
					}
				}
			);
		}
	);
}
